<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>

<%
    String contextPath = request.getContextPath();
    String path = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort() + contextPath;

    String path1=path+"/assets/css/main.css";
    String imagepath=path+"/assets/image/";
    String serverpath=${relative.file};
    String birthday=${relative.birthday};
    String deathday=${relative.deathday};

%>
<html>
<head>
    <title>编辑${relative.name}的永久主页</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="<%=path1%>"/>
</head>
<body>

<!-- Wrapper -->
<div id="wrapper">

    <form id="relative_edit" action="admin/user/relitive_edit_submit">

    <nav id="nav">
        <ul>
            <li><a href="#intro">简介</a></li>
            <li><a href="#event">事迹</a></li>         
            <li><a href="#family">家人</a></li>
            <li><a href="#video">影像</a></li>
            <div style="float: right;">
                <div style="width: 49%;float: left;">
                    <input class="button special small" type="submit"><q>确定</q></a>
                </div>
                <div style="width: 49%;float:right;">
                    <a href="admin/user/relitive_info" type="cancel">取消</a>
                </div>

            </div>
        </ul>
    </nav>

    <div id="main">

        <section id="intro" class="main">

            <section id="intro-left">
                <header class="major">
                    <h2>简介</h2>
                </header>
                <div class="spotlight">
                <div class="8u 12$u(medium)">
                    <div style="margin-bottom: 10px;">
                        <textarea style="height: 280px;">${relative.information}</textarea>  

                    </div>
                    
                    <div class="row uniform">
                    <div class="6u 12u$(medium)">       
                        <dl class="alt">
                        <dt>姓:</dt>
                        <dd><input type="text" name="lastname">${relative.lastname}</dd>
                        <dt>名:</dt>
                        <dd><input type="text" name="firstname">${relative.firstname}</dd>
                        <dt>职业：</dt>
                        <dd><input type="text" name="job">${relative.job}</dd>
                        <dt>民族：</dt>
                        <dd><input type="text" name="nation">${relative.nation}</dd>
                        
                        </dl>
                        
                    </div>
                    <div class="6u$ 12u$(medium)">       
                        <dl class="alt">
                                        
                        <dt>状态：</dt>
                        <dd><input type="radio" id="dead" name="cond" onclick="deadinfo.style.display='';">
                            <label for="dead">去世</label>
                            <input type="radio" id="alive" name="cond" checked onclick="deadinfo.style.display='none';">
                            <label for="alive">健在</label>
                        </dd>

                        <dt>生于：</dt>
                        <dd><input type="date" name="birthday"></dd>
                        <div id="deadinfo" style="display: none;">
                        <dt>卒于：</dt>
                        <dd><input type="date" name="deaday" id="deadday"  ></dd>
                        <dt>葬于：</dt>
                        <dd><input type="text" name="buryaddress" id="buryaddress" ></dd>
                        </div>
                        </dl>
                    </div>

                        <div class="2u">
                            <dt>籍贯：</dt>
                        </div>
                        <div class="5u">
                        <dd><select name="province" id="province">
                                    <option value="1">湖北省</option>
                                    <option value="2">湖南省</option>
                                    <option value="3">河北省</option>
                                    <option value="4">河南省</option>
                            </select></dd>
                        </div>
                        <div class="5u$">
                        <dd><select name="province" id="province">
                                    <option value="1">湖北省</option>
                                    <option value="2">湖南省</option>
                                    <option value="3">河北省</option>
                                    <option value="4">河南省</option>
                            </select></dd>
                        </div>
                    </div>                     
                </div>
                <div class="4u$ 12$u(medium)"">
                    <span class="image"><img src="${relative.images}/photo.jpg" alt=""/></span>
                    <div style="margin-left:30%;text-align:center;">
                        <div class="fileUpload"> 
                                <input type="text" id="uploadFile" placeholder="点击这里选择图片" disabled="disabled" />
                                <input type="file" id="uploadBtn" class="upload" />      
                        </div> 
                    </div> 
                </div>                
            </div>                
            </section>
        </section>

        <!-- 事迹：根据需要显示，可隐藏 -->
        <section id="event" class="main">
            <div class="spotlight">
                <div class="content">
                    <header class="major">
                        <h2>生平事迹</h2>
                    </header>

                    <div class="row uniform" >
                        <div class="3u 12$u(medium)" style="text-align: center;">时间</div>
                        <div class="9u$ 12$u(medium)" style="text-align: center;">事件</div>

                        <div class="3u 12$u(medium)"><input type="date" name="date"></div>
                        <div class="9u$ 12$u(medium)"><input type="text" name="event"></div>

                        <div class="3u 12$u(medium)"><input type="date" name="date"></div>
                        <div class="9u$ 12$u(medium)"><input type="text" name="event"></div>

                        <div class="3u 12$u(medium)"><input type="date" name="date"></div>
                        <div class="9u$ 12$u(medium)"><input type="text" name="event"></div>
                    </div>
                    <div style="margin-top: 10px">
                        <button class="button special" id="add_event">添加</button>
                    </div>
                    
                </div>
            </div>
        </section>
        

        <section id="family" class="main">
            <section id="intro-left">
                <header class="major">
                    <h2>家人</h2>
                </header>
                <div class="row uniform" >
                        <div class="3u 12$u(medium)" style="text-align: center;">亲属关系</div>
                        <div class="6u$ 12$u(medium)" style="text-align: center;">亲属姓名</div>

                        <div class="3u 12$u(medium)"><input type="text" name="rela"></div>
                        <div class="6u$ 12$u(medium)"><input type="text" name="relname"></div>

                        <div class="3u 12$u(medium)"><input type="text" name="rela"></div>
                        <div class="6u$ 12$u(medium)"><input type="text" name="relname"></div>

                        <div class="3u 12$u(medium)"><input type="text" name="rela"></div>
                        <div class="6u$ 12$u(medium)"><input type="text" name="relname"></div>
                    </div>
                    <div style="margin-top: 10px">
                        <button class="button special" id="add_rel">添加</button>
                    </div>
            </section>
        </section>


        <section id="video" class="main">

            <section id="intro-left">
                <header class="major">
                    <h2>影像</h2>
                </header>
                <div style="margin-top: 10px">
                    <div style="margin-left:30%;text-align:center;">
                        <div class="fileUpload"> 
                                <input type="text" id="uploadFile" placeholder="点击这里选择图片" disabled="disabled" />
                                <input type="file" id="uploadBtn" class="upload" />      
                        </div> 
                    </div> 
                </div>
                <div style="margin-top: 10px">
                        <div style="margin-left:30%;text-align:center;">
                        <div class="fileUpload"> 
                                <input type="text" id="uploadFile" placeholder="点击这里选择音频" disabled="disabled" />
                                <input type="file" id="uploadBtn" class="upload" />      
                        </div> 
                    </div>
                </div>
                <div style="margin-top: 10px">
                    <div style="margin-left:30%;text-align:center;">
                        <div class="fileUpload"> 
                                <input type="text" id="uploadFile" placeholder="点击这里选择视频" disabled="disabled" />
                                <input type="file" id="uploadBtn" class="upload" />      
                        </div> 
                    </div> 
                </div>
                
            </section>
        </section>
    </div>

    <!-- Footer -->
    </form>

</div>

<!-- Scripts -->
<script src="../../../../assets/js/jquery.min.js"></script>
<script src="../../../../assets/js/jquery.scrollex.min.js"></script>
<script src="../../../../assets/js/jquery.scrolly.min.js"></script>
<script src="../../../../assets/js/skel.min.js"></script>
<script src="../../../../assets/js/util.js"></script>
<!--[if lte IE 8]>
<script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="../../../../assets/js/main.js"></script>

</body>
</html>